Ext.require([ '*' ]);


Ext.onReady(function() {
	// creamos el data Store 
	
	var bd = Ext.getBody();


     ds = Ext.create('Ext.data.ArrayStore', {
        fields: [{name: 'punto'} ],
        proxy : {
			type : 'ajax',
			url : 'mostrarPunto.action',
			reader : {
				type : 'json',
				root : 'punto'
			}
		}
    });



 
    Ext.create('Ext.form.Panel', {
        url : 'mostrarPunto.action',
        id: 'Puntos Acumulados',
        frame: true,
        title: 'Puntos Acumulados',
        bodyPadding: 5,
        width: 750,
        layout: 'column',    // Specifies that the items will now be arranged in columns

        fieldDefaults: {
            labelAlign: 'left',
            msgTarget: 'side',
             labelWidth: 100
        },
        defaults: {
            anchor: '100%'
        },

        items: [{
            columnWidth: 0.4,
            margin: '0 0 0 10',
            xtype: 'fieldset',
            autoWidth: true,
            title:'Total de puntos Acumulados',            
            defaultType: 'textfield',
            valueField:'punto',
            	items: [
          {
                 fieldLabel: 'Usted tiene este total de puntos: ',
                 name: 'punto',
                 editable: false,
                 disabled:false
           }          
            
            ]
           }],
        renderTo: bd
      });

    ds.load();


});